<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>搜索页</title>
	<link href="css/style.css" type="text/css" rel="stylesheet" media="all">
	<link href="css/search.css" type="text/css" rel="stylesheet" media="all">
</head>
<body>
<!--头部-->
<div class="head">
	<div class="icon">
    	<img src="image/LOGO.png" alt="">
        <form  class="search" role="搜索">
        	<input type="text" class="search_text" />
            <input type="button" value="搜 索" class="search_btn" />
        </form> 
        <ul class="login">
            <li><a href="#">注册</a></li>
            <li><a href="#">登录</a></li>
        </ul> 
    </div>
	<div class="header">
        <div class="header-nav">
            <ul class="left fl">
                <li>
                    <a href="#" class="active">首页</a>            
                    <div class="bac"></div>
                    <div class="nav">
                        <ul>
                            <li>
                                <a href="">省内路线</a>
                                <div class="leftdiv">
                                <span></span>
                                    <dl>  
                                        <dd><a href="#">九寨沟</a></dd>
                                        <dd><a href="#">峨眉山</a></dd>
                                        <dd><a href="#">乐山大佛</a></dd>
                                        <dd><a href="#">西岭雪山</a></dd>
                                        <dd><a href="#">孟屯河谷</a></dd>
                                        <dd><a href="#">牛背山</a></dd>
                                        <dd><a href="#">四姑娘山</a></dd>
                                        <dd><a href="#">毕棚沟</a></dd>
                                        <dd><a href="#">螺髻山</a></dd>
                                        <dd><a href="#">更多&gt;&gt;</a></dd>
                                    </dl>
                                </div>
                            </li>
                            <li>
                                <a href="">省外路线</a>
                                <div class="leftdiv">
                                <span></span>
                                    <dl>  
                                        <dd><a href="#">九寨沟</a></dd>
                                        <dd><a href="#">峨眉山</a></dd>
                                        <dd><a href="#">乐山大佛</a></dd>
                                        <dd><a href="#">西岭雪山</a></dd>
                                        <dd><a href="#">孟屯河谷</a></dd>
                                        <dd><a href="#">牛背山</a></dd>
                                        <dd><a href="#">四姑娘山</a></dd>
                                        <dd><a href="#">毕棚沟</a></dd>
                                        <dd><a href="#">螺髻山</a></dd>
                                        <dd><a href="#">更多&gt;&gt;</a></dd>
                                    </dl>
                                </div>
                            </li>
                            <li>
                                <a href="">国外路线</a>
                                <div class="leftdiv">
                                <span></span>
                                    <dl>  
                                        <dd><a href="#">九寨沟</a></dd>
                                        <dd><a href="#">峨眉山</a></dd>
                                        <dd><a href="#">乐山大佛</a></dd>
                                        <dd><a href="#">西岭雪山</a></dd>
                                        <dd><a href="#">孟屯河谷</a></dd>
                                        <dd><a href="#">牛背山</a></dd>
                                        <dd><a href="#">四姑娘山</a></dd>
                                        <dd><a href="#">毕棚沟</a></dd>
                                        <dd><a href="#">螺髻山</a></dd>
                                        <dd><a href="#">更多&gt;&gt;</a></dd>
                                    </dl>
                                </div>
                            </li>
                            <li>
                                <a href="">周边游</a>
                                <div class="leftdiv">
                                <span></span>
                                    <dl>  
                                        <dd><a href="#">九寨沟</a></dd>
                                        <dd><a href="#">峨眉山</a></dd>
                                        <dd><a href="#">乐山大佛</a></dd>
                                        <dd><a href="#">西岭雪山</a></dd>
                                        <dd><a href="#">孟屯河谷</a></dd>
                                        <dd><a href="#">牛背山</a></dd>
                                        <dd><a href="#">四姑娘山</a></dd>
                                        <dd><a href="#">毕棚沟</a></dd>
                                        <dd><a href="#">螺髻山</a></dd>
                                        <dd><a href="#">更多&gt;&gt;</a></dd>
                                    </dl>
                                </div>
                            </li>
                            <li>
                                <a href="">主题推荐</a>
                                <div class="leftdiv">
                                <span></span>
                                    <dl>  
                                        <dd><a href="#">九寨沟</a></dd>
                                        <dd><a href="#">峨眉山</a></dd>
                                        <dd><a href="#">乐山大佛</a></dd>
                                        <dd><a href="#">西岭雪山</a></dd>
                                        <dd><a href="#">孟屯河谷</a></dd>
                                        <dd><a href="#">牛背山</a></dd>
                                        <dd><a href="#">四姑娘山</a></dd>
                                        <dd><a href="#">毕棚沟</a></dd>
                                        <dd><a href="#">螺髻山</a></dd>
                                        <dd><a href="#">更多&gt;&gt;</a></dd>
                                    </dl>
                                </div>
                            </li>
                        </ul>
                    </div>   
                </li>
                <li>
                	<a href="户外活动.html">户外活动</a>
                    <div class="bac"></div>
                    <div class="nav">
                        <ul>
                            <li>
                                <a href="">登山</a>
                            </li>
                            <li>
                                <a href="">骑行</a>
                            </li>
                            <li>
                                <a href="">徒步</a>
                            </li>
                            <li>
                                <a href="">自驾游</a>
                            </li>
                            <li>
                                <a href="">周末小聚</a>
                            </li>
                        </ul>
                    </div>   
                </li>
                <li><a href="活动约伴.html">活动约伴</a></li>
                <li>
                    <a href="户外攻略.html">户外攻略</a>
                    <div class="bac"></div>
                    <div class="nav">
                        <ul>
                            <li>
                                <a href="">登山攻略</a>
                            </li>
                            <li>
                                <a href="">骑行攻略</a>
                            </li>
                            <li>
                                <a href="">徒步攻略</a>
                            </li>
                            <li>
                                <a href="">自驾游攻略</a>
                            </li>
                            <li>
                                <a href="">野营攻略</a>
                            </li>
                        </ul>
                    </div>   
                </li>
                <li>
                    <a href="户外装备.html">户外装备</a>
                    <div class="bac"></div>
                    <div class="nav">
                        <ul>
                            <li>
                                <a href="">登山鞋</a>
                            </li>
                            <li>
                                <a href="">山地自行车</a>
                            </li>
                            <li>
                                <a href="">帐篷</a>
                            </li>
                            <li>
                                <a href="">登山包</a>
                            </li>
                            <li>
                                <a href="">野营装备</a>
                            </li>
                        </ul>
                    </div>   
                </li>
                <li>
                    <a href="出行游记.html">出行游记</a>
                </li>
                <li>
                    <a href="照片墙.html">照片墙</a>
                </li>
            </ul>
        </div>
    </div>
</div>


	<div class="main">
		<ol class="banner_title">
	    	<li><a href="#">首页</a></li>
	    	<li><a href="#">活动搜索</a></li>
	    </ol>
		<div class="hdList">
			<div class="orderHd" id="orderHd">
				<a href="javascript:void(0);" class="selected">默认排序</a>
				<a href="javascript:void(0);">价格排序</a>
				<a href="javascript:void(0);">出发时间</a>
				<p class="fr">共计<span>122</span>个活动</p>
			</div>
			<div class="itemPanel">
				<div class="hditem">
					<a href="#" class="imgLink"><img src="image/1.jpg" alt=""></a>
					<div class="describe">
						<h5><a href="">【一起呀户外】1214周三“热雪燃冬”之怀北国际滑雪场，畅爽体验【免费教学】</a></h5>
						<p class="char">特色：——更多活动请关注微信公众号【yiqiyahuwai】或QQ群【106361701】特色：——更多活动请关注微信公众号【yiqiyahuwai】或QQ群【106361701】特色：——更多活动请关注微信公众号【yiqiyahuwai】或QQ群【106361701】</p>
						<div class="di">
							<ul>
								<li class="i i1">东城区 出发</li>
								<li class="i i1">去往黑龙江 哈尔滨</li>
								<li class="i">休闲</li>
								<li class="i i2">哈尔滨,雪乡,雪谷,</li>
								<li class="i i3">2017-01-13 </li>
							</ul>
							<div class="p"><span>￥</span>980<cite>起</cite></div>
						</div><!--di结束-->
						<div class="oi">
							<span>驴舍户外<i>俱乐部</i></span>
							<button class="bm">我要报名</button>
						</div><!--oi结束-->
					</div><!--describe结束-->
				</div><!--hditem结束-->
				<div class="hditem">
					<a href="#" class="imgLink"><img src="image/1.jpg" alt=""></a>
					<div class="describe">
						<h5><a href="">【一起呀户外】1214周三“热雪燃冬”之怀北国际滑雪场，畅爽体验【免费教学】</a></h5>
						<p class="char">特色：——更多活动请关注微信公众号【yiqiyahuwai】或QQ群【106361701】特色：——更多活动请关注微信公众号【yiqiyahuwai】或QQ群【106361701】特色：——更多活动请关注微信公众号【yiqiyahuwai】或QQ群【106361701】</p>
						<div class="di">
							<ul>
								<li class="i i1">东城区 出发</li>
								<li class="i i1">去往黑龙江 哈尔滨</li>
								<li class="i">休闲</li>
								<li class="i i2">哈尔滨,雪乡,雪谷,</li>
								<li class="i i3">2017-01-13 </li>
							</ul>
							<div class="p"><span>￥</span>980<cite>起</cite></div>
						</div><!--di结束-->
						<div class="oi">
							<span>驴舍户外<i>俱乐部</i></span>
							<button class="bm finish">报名结束</button>
						</div><!--oi结束-->
					</div><!--describe结束-->
				</div><!--hditem结束-->
				<div class="hditem">
					<a href="#" class="imgLink"><img src="image/1.jpg" alt=""></a>
					<div class="describe">
						<h5><a href="">【一起呀户外】1214周三“热雪燃冬”之怀北国际滑雪场，畅爽体验【免费教学】</a></h5>
						<p class="char">特色：——更多活动请关注微信公众号【yiqiyahuwai】或QQ群【106361701】特色：——更多活动请关注微信公众号【yiqiyahuwai】或QQ群【106361701】特色：——更多活动请关注微信公众号【yiqiyahuwai】或QQ群【106361701】</p>
						<div class="di">
							<ul>
								<li class="i i1">东城区 出发</li>
								<li class="i i1">去往黑龙江 哈尔滨</li>
								<li class="i">休闲</li>
								<li class="i i2">哈尔滨,雪乡,雪谷,</li>
								<li class="i i3">2017-01-13 </li>
							</ul>
							<div class="p"><span>￥</span>980<cite>起</cite></div>
						</div><!--di结束-->
						<div class="oi">
							<span>驴舍户外<i>俱乐部</i></span>
							<button class="bm">我要报名</button>
						</div><!--oi结束-->
					</div><!--describe结束-->
				</div><!--hditem结束-->
			</div><!--itemPanel结束-->
		</div><!--hdList结束-->
		<div class="hotHd">
			<h5>热门活动</h5>
			<div class="hotHdPanel">
				<div class="hotItem">
					<a href="">
						<img src="image/1.jpg" alt="">
						<div class="txt">【IU部落●元旦】雾淞岛雪乡雪谷林海雪原★赏雾淞打雪仗堆雪人逛冰雪大世界【代订车票】感受雪的世界3日游</div>
					</a>
					<div class="bot">
						<span class="local">哈尔滨</span>
						<span class="pri">￥4000</span>
					</div>
				</div><!--hotItem结束-->
				<div class="hotItem">
					<a href="">
						<img src="image/1.jpg" alt="">
						<div class="txt">【IU部落●元旦】雾淞岛雪乡雪谷林海雪原★赏雾淞打雪仗堆雪人逛冰雪大世界【代订车票】感受雪的世界3日游</div>
					</a>
					<div class="bot">
						<span class="local">哈尔滨</span>
						<span class="pri">￥4000</span>
					</div>
				</div><!--hotItem结束-->
			</div><!--hotHdPanel结束-->
		</div><!--hotHd结束-->
		<div class="clearfix"></div>
	</div>

<div class="hr"></div>
<!--脚部-->

<div class="footer">
	<div class="about">
        <ul>
        	<li><a href="">驴舍简介</a></li>
        	<li><a href="">驴舍宗旨</a></li>
        	<li><a href="">建议征集</a></li>
        	<li><a href="">关于我们</a></li>
        </ul>
    </div>
</div>

	<script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
	<script type="text/javascript">
		$("#orderHd a").each(function(){
			$(this).click(function(){
				$(this).addClass("selected").siblings().removeClass("selected");
				
			});
		});
	</script>	
</body>
</html>